<!DOCTYPE html>
<html lang="en">
<head>
  <title></title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/form.css" type="text/css">
  <link href="css/jqueryui/jquery-ui.css" rel="stylesheet" type="text/css"/>
  
  <script type="text/javascript" src="js/website/jquery-1.4.2.min.js" ></script>
  <script type="text/javascript" src="js/website/cufon-yui.js"></script>
  <script type="text/javascript" src="js/website/Humanst521_BT_400.font.js"></script>
  <script type="text/javascript" src="js/website/Humanst521_Lt_BT_400.font.js"></script>
  <script type="text/javascript" src="js/website/roundabout.js"></script>
  <script type="text/javascript" src="js/website/roundabout_shapes.js"></script>
  <script type="text/javascript" src="js/website/gallery_init.js"></script>
  <script type="text/javascript" src="js/website/cufon-replace.js"></script>
  <script type="text/javascript" src="js/dialog.js"></script>
  <script type="text/javascript" src="js/jquery/jquery.validate.js"></script>
  <script type='text/javascript' src='js/jquery/jquery.min.js'></script>
  <script src='js/jquery/jquery-ui.min.js'></script>
 
</head>

<body>
  <!-- header -->
  <header>
    <div class="container">
    	<h1><a href="index.php">FamTree</a></h1>
      <nav>
        <ul>
          <li><a href="index.php" class="current">Home</a></li>
          <li><a href="#">News</a></li>
        </ul>
        
      </nav>
    </div>
	</header>
  <div class="main-box">
    <div class="container">
      <div class="inside">
      	<div class="wrapper">
        	<!-- aside -->
          	<aside>
            	<h2>Recent <span>News</span></h2>
            	<!-- .news -->
            	<ul class="news">
            		<li>
              		<figure><strong>22</strong>June</figure>
                	<h3><a href="#">News 1</a></h3>
                	This is a news 1 area<a href="#">...</a>
              		</li>
              		<li>
	              	<figure><strong>09</strong>June</figure>
	                <h3><a href="#">News 2</a></h3>
	                This is a news 2 area <a href="#">...</a>
	              	</li>
	              	<li>
              		<figure><strong>31</strong>May</figure>
                	<h3><a href="#">New 3</a></h3>
                	This a news 3 area <a href="#">...</a>
              		</li>
              		<br></br>
            	</ul>
            	<!-- /.news -->
          </aside>
      		<section id="content">
            	<article>
		        <h2>Login <span>Page</span></h2>
		        	<form id="loginForm" method="POST" action="javascript:validateLogin()">
						<div class="form-row">
							<span class="label">Email Address</span>
							<input type="text" name="email"/>
						</div>
						<div class="form-row">
							<span class="label">Password</span>
							<input type="password" name="password"/>
						</div>
						<div class="form-row">
							<input class="submit" type="submit" value="Login" onclick="window.location.href='home.php'">
							<a href="#" onclick="sendEmail()">Forgot Password?</a>
							<a href="registerPage.php">Not Register Yet?</a>
						</div>
						<input type="hidden" name="func" value="login"></input>
					</form>
				</article>
			</section>
		</div>
      </div>
    </div>
  </div>
  <!-- footer -->
<footer>
    <div class="container">
    	<div class="wrapper">
        <div class="fleft">Copyright - Yan Zhang Tan</div>
      </div>
    </div>
  </footer>
   <form id="forgetPasswordForm" method="POST" action="" style="display:none;">
	
	<p>An email containing your password will be send to the following email : </p>
	<div class="form-row">
		<span class="label">Email</span>
		<input type="text" name="email" />
	</div>
	<div class="form-row">
		<input class="submit" type="submit" value="Send">
	</div>
	</form>
  <script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
